// @use "@tomiaa/theme-chalk/src/mixins/mixins.scss" as *;

// @include b(comment) {
//   --border-color: rgba(0, 0, 0, 0.12);
//   --space: 8px;
//   --main-color: #409eff;
//   --hovar-color: #ecf5ff;
//   display: flex;
//   flex-direction: column;
//   max-width: 1000px;
//   margin: 1em auto;
//   ul,
//   li {
//     list-style: none;
//     margin: 0;
//     padding: 0;
//   }
//   a {
//     text-decoration: none;
//     color: inherit;
//   }
//   img {
//     display: block;
//   }
//   @include e(textarea) {
//     padding: var(--space);
//     min-height: 100px;
//     margin: 0 var(--space);
//     outline: none;
//     border-radius: 4px;
//     transition: all 0.3s;
//     border: 1px solid var(--border-color);
//     resize: none;
//     &:focus {
//       min-height: 150px;
//       box-shadow: 0px 0px 12px var(--border-color);
//     }
//   }
//   @include e(login) {
//     text-align: right;
//     padding: var(--space) var(--space) 0;
//     button {
//       background-color: transparent;
//       border: 1px solid #dcdfe6;
//       padding: var(--space) 15px;
//       line-height: 1;
//       height: 32px;
//       border-radius: 4px;
//       cursor: pointer;
//       transition: all 0.3s;
//       &:hover,
//       &:focus {
//         background-color: var(--hovar-color);
//       }
//       &:active {
//         border-color: var(--main-color);
//         color: var(--main-color);
//       }
//       &:disabled {
//         cursor: not-allowed;
//       }
//     }
//   }
//   @include e(ul) {
//     li {
//       display: flex;
//       border-radius: 4px;
//       margin: var(--space);
//       padding: 12px;
//       transition: all 0.3s;
//       box-shadow: 0px 0px 2px var(--border-color);
//       &:hover {
//         box-shadow: 0px 0px 12px var(--border-color);
//       }
//       .user {
//         text-align: center;
//         img {
//           width: 64px;
//           height: 64px;
//           border-radius: 50%;
//           transition: all 0.3s;
//           margin: auto;
//         }
//         .name {
//           margin: 0.4em 0;
//           transition: all 0.3s;
//           width: 70px;
//           white-space: nowrap;
//           text-overflow: ellipsis;
//           overflow: hidden;
//         }
//         &:hover {
//           img {
//             border-radius: 5%;
//             transform: scale(1.1);
//           }
//           .name {
//             color: var(--main-color);
//           }
//         }
//       }
//       .body {
//         display: flex;
//         flex-direction: column;
//         padding: 0 20px;
//         box-sizing: border-box;
//         flex: 1;
//         .info {
//           flex: 1;
//         }
//         time {
//           display: block;
//           text-align: right;
//           color: #a3aac2;
//         }
//       }
//     }
//   }
// }
.k-comment{
  textarea{
    width:100%;
    height:120px;
  }
  .k-comment__login{
    text-align: right;
  }
}
